<template>
    <div>
        <div class="week">周末推荐</div>
            <div class="week-cetainer" v-for="item of weeklist" :key="item.id">
                <div class="week-img"><img class="img" :src="item.imgUrl"/></div>
                <div class="week-text">
                    <p class="week-text-f">{{item.title}}</p>
                    <p class="week-text-s">{{item.desc}}</p>
                </div>
            </div>
    </div>
</template>

<script>
export default {
  name: 'Webrecommend',
  props: {
    weeklist: Array
  }
}
</script>

<style lang="stylus" scoped>
  .week
    height: .8rem
    line-height: .8rem
    background: #eeeeee
    text-indent: .2rem
    margin-top: .1rem
  .week-img
    width: 100%
    height: 2.8rem
    .img
     box-sizing: border-box
     padding: .2rem
     width: 100%
     height: 100%
  .week-text-f
    font-size: .32rem
    font-weight: bold
    box-sizing: border-box
    padding: .3rem
  .week-text-s
    opacity: 0.5
    box-sizing: border-box
    padding-left: .3rem
    padding-bottom: .5rem
</style>
